<!--<template>-->
<!--  <div class="hello">-->
<!--    &lt;!&ndash;    布局容器&ndash;&gt;-->
<!--    <el-container>-->
<!--      &lt;!&ndash;      顶栏容器&ndash;&gt;-->
<!--      <el-header>-->
<!--        <div class="header">-->
<!--          <el-row>-->
<!--            <el-col :span="20">-->
<!--              <div class="grid-content-left bg-purple-dark">-->
<!--                <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">-->
<!--                  <el-menu-item index="1"><router-link class="router-link" :to="{name:'IndexView'}">首页</router-link></el-menu-item>-->
<!--                  <el-menu-item index="2">标签2</el-menu-item>-->
<!--                  <el-menu-item index="3">标签3</el-menu-item>-->
<!--                </el-menu>-->
<!--              </div>-->
<!--            </el-col>-->
<!--            <el-col :span="4">-->
<!--              <div class="grid-content-right bg-purple-dark">-->
<!--                <div class="login"><span class="text1">标签2</span></div>-->
<!--                <div class="login"><span class="text1">标签1</span></div>-->
<!--                <div class="login"><span class="text1">登录</span></div>-->
<!--                <router-link class="router-link" :to="{name:'about'}"><div class="register"><span class="textReg">登录/注册</span></div></router-link>-->
<!--              </div>-->
<!--            </el-col>-->
<!--          </el-row>-->


<!--        </div>-->
<!--      </el-header>-->
<!--      &lt;!&ndash;      主区域容器&ndash;&gt;-->
<!--      <el-main>-->
<!--        <div class="main">Main</div>-->
<!--      </el-main>-->
<!--    </el-container>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--export default {-->
<!--  name: 'index',-->
<!--  props: {-->
<!--    msg: String-->
<!--  },-->
<!--  data() {-->
<!--    return {-->
<!--      activeIndex: '1',-->
<!--      activeIndex2: '1'-->
<!--    };-->
<!--  },-->
<!--}-->


<!--</script>-->

<!--&lt;!&ndash; Add "scoped" attribute to limit CSS to this component only &ndash;&gt;-->
<!--<style scoped>-->



<!--.router-link {-->
<!--  text-decoration: none;-->
<!--}-->

<!--.text1:hover{-->
<!--  color: #0052d9;-->
<!--}-->

<!--.textReg {-->
<!--  color: #fff;-->
<!--}-->

<!--.login {-->
<!--  display: flex;-->
<!--  width: 70px;-->
<!--  height: 60px;-->
<!--  text-align: center;-->
<!--  justify-content: center;-->
<!--  align-items: center;-->
<!--  font-size: 14px;-->
<!--  /*border-radius: 4px;*/-->
<!--  cursor: pointer-->
<!--}-->

<!--.register:hover{-->
<!--  background-color: #6595e5;-->
<!--}-->

<!--/*注册块*/-->
<!--.register {-->
<!--  display: flex;-->
<!--  background-color: #0052d9;-->
<!--  width: 100px;-->
<!--  height: 60px;-->
<!--  text-align: center;-->
<!--  justify-content: center;-->
<!--  align-items: center;-->
<!--  font-size: 14px;-->
<!--  /*border-radius: 4px;*/-->
<!--  cursor: pointer-->
<!--}-->




<!--/*总合盒子高度*/-->
<!--.hello {-->
<!--  height: 98vh;-->
<!--}-->

<!--/*盒子下的header高度*/-->
<!--.hello .header {-->
<!--  height: 140px;-->
<!--}-->

<!--.hello .main {-->
<!--  text-align: center;-->
<!--  height: 829px;-->
<!--}-->

<!--/*layout分栏默认颜色*/-->
<!--.bg-purple-dark {-->
<!--  /*background: #99a9bf;*/-->
<!--}-->

<!--/*layout左导航分栏*/-->
<!--.grid-content-left {-->
<!--  /*border-radius: 4px;*/-->
<!--  min-height: 60px;-->

<!--}-->

<!--/*layout右登录注册分栏*/-->
<!--.grid-content-right {-->
<!--  /*border-radius: 4px;*/-->
<!--  min-height: 60px;-->
<!--  display: flex;-->
<!--  justify-content: end;-->
<!--  border-bottom: 1px solid #e6e6e6;-->
<!--}-->

<!--</style>-->
